<template>
  <div id="app">
    <div class="image">
        <img class="img"  :src="url">
    </div>
  </div>
</template>
<script>
import "../../public/js-app/fontsizeset";
export default {
    data(){
            return{
                url:'/image-app/2.jpg',
                images:["/image-app/2.jpg","/image-app/4.jpg","/image-app/img.jpg"]
            }
        },
    mounted(){
            this.times();
        },
    methods:{
        times(){
            let time=0;
            setInterval(() => {
                this.url=this.images[time];
                time++;
                if(time==this.images.length){
                    time=0;
                    setInterval(0);
                }
            }, 1000);
            setInterval(0);  
        }
    }
}  
</script>
<style>
    *{
        padding: 0px;
        margin: 0px;
        box-sizing: border-box;
    }
    .image,.img{
        width: 11.4rem;
        height: 6.3rem;
        margin: auto;
    }
</style>